<template>
    <div class="ShangJia3">
      <h2>商家实景</h2>
    <div class="ShangJia3Img clearflow">
        <img v-for="item in seller.pics" :key="item" :src="item" alt="">
    </div>
  </div>
</template>

<script>
export default {
 data(){
    return{
        seller:[]
    }
},
    created:async function(){
    let {data} = await this.$http.get("api/getseller")
    this.seller=data
    }
}
</script>

<style lang="stylus" scoped>
w=100%; s1=24px; s2=28px; s3=32px; c=rgb(255,255,255);dw = 50%; bgc=#f3f5f7;
bgc1=rgb(7,17,27);bgc2=rgb(147,153,159);bgc3=rgb(255,153,0);bgc4=rgb(77,85,93);
.ShangJia3{
    width :w;
    height 300px
    padding: 36px
     border-top: 1px solid  rgb(7,17,27,0.1)
    border-bottom: 1px solid  rgb(7,17,27,0.1)
    background-color: white;
    overflow hidden;
    margin-bottom: 32px
    h2{
        font-size: s2;
        color: bgc1;
        line-height: 28px
        margin-bottom: 24px
    }
   
}
.ShangJia3Img{
    display: flex
    flex-direction: 1px
    overflow: auto;
 img{
        display: inline-block;
        width 240px;
        height 180px
        float left
        margin-right: 12px
    }
}
</style>